<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>好"孕"来 - 智能业务管理</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            background: linear-gradient(135deg, #fff9fb 0%, #fff5f7 100%);
            color: #333;
            min-height: 100vh;
            position: relative;
            overflow-x: hidden;
        }

        /* 背景装饰 */
        body::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M50,50 Q100,20 150,50 T200,100 Q170,150 100,150 T0,100 Q30,50 50,50 Z" fill="rgba(255,182,193,0.1)"/></svg>');
            background-size: 300px;
            opacity: 0.3;
            z-index: -1;
        }

        /* 顶部导航栏 */
        .header {
            background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
            color: white;
            padding: 20px 15px;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            box-shadow: 0 2px 15px rgba(0,0,0,0.05);
            border-bottom: 1px solid rgba(255,255,255,0.3);
        }

        .header h1 {
            font-size: 20px;
            text-align: center;
            font-weight: 600;
            letter-spacing: 1px;
            text-shadow: 0 1px 2px rgba(0,0,0,0.1);
        }

        .back-btn {
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(255,255,255,0.25);
            border: 1px solid rgba(255,255,255,0.4);
            color: white;
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 14px;
            cursor: pointer;
            backdrop-filter: blur(5px);
            transition: all 0.3s ease;
        }

        .back-btn:hover {
            background: rgba(255,255,255,0.35);
            transform: translateY(-50%) scale(1.05);
        }

        /* 主容器 */
        .container {
            padding: 80px 15px 20px;
            max-width: 600px;
            margin: 0 auto;
        }

        /* 用户信息卡片 */
        .user-card {
            background: rgba(255, 255, 255, 0.85);
            border-radius: 20px;
            padding: 25px;
            margin-bottom: 25px;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.5);
            backdrop-filter: blur(10px);
            position: relative;
            overflow: hidden;
        }

        .user-card::before {
            content: "";
            position: absolute;
            top: -50px;
            right: -50px;
            width: 100px;
            height: 100px;
            background: rgba(255, 182, 193, 0.2);
            border-radius: 50%;
            z-index: -1;
        }

        .user-info {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .avatar {
            width: 65px;
            height: 65px;
            border-radius: 50%;
            background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 26px;
            margin-right: 20px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
            border: 2px solid rgba(255,255,255,0.5);
        }

        .user-details h3 {
            font-size: 19px;
            margin-bottom: 6px;
            color: #5a2d3e;
        }

        .user-details p {
            font-size: 15px;
            color: #8a6d7c;
        }

        .pregnancy-status {
            background: rgba(255, 255, 255, 0.7);
            border-radius: 15px;
            padding: 18px;
            margin-top: 20px;
            border: 1px solid rgba(255, 182, 193, 0.3);
        }

        .status-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
            font-size: 15px;
            padding: 8px 0;
            border-bottom: 1px solid rgba(0,0,0,0.05);
        }

        .status-item:last-child {
            border-bottom: none;
            margin-bottom: 0;
        }

        .status-label {
            color: #8a6d7c;
        }

        .status-value {
            color: #d63384;
            font-weight: 600;
        }

        /* 功能模块网格 */
        .module-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 18px;
            margin-bottom: 25px;
        }

        .module-card {
            background: rgba(255, 255, 255, 0.85);
            border-radius: 20px;
            padding: 25px 15px;
            text-align: center;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
            backdrop-filter: blur(10px);
        }

        .module-card:hover {
            transform: translateY(-8px) scale(1.02);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
            border-color: rgba(255, 182, 193, 0.5);
        }

        .module-card::before {
            content: "";
            position: absolute;
            bottom: -20px;
            right: -20px;
            width: 60px;
            height: 60px;
            background: rgba(255, 182, 193, 0.15);
            border-radius: 50%;
            z-index: -1;
        }

        .module-icon {
            width: 55px;
            height: 55px;
            margin: 0 auto 15px;
            background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 26px;
            color: white;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
            border: 1px solid rgba(255,255,255,0.4);
        }

        .module-name {
            font-size: 15px;
            color: #5a2d3e;
            margin-bottom: 6px;
            font-weight: 600;
        }

        .module-desc {
            font-size: 13px;
            color: #8a6d7c;
            line-height: 1.4;
        }

        /* 任务管理页面 */
        .task-timeline {
            background: rgba(255, 255, 255, 0.85);
            border-radius: 20px;
            padding: 25px;
            margin-bottom: 25px;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.5);
            backdrop-filter: blur(10px);
        }

        .timeline-item {
            position: relative;
            padding-left: 35px;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-left: 2px solid rgba(255, 182, 193, 0.3);
        }

        .timeline-item:last-child {
            border-left: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .timeline-dot {
            position: absolute;
            left: -11px;
            top: 0;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: white;
            border: 2px solid #ff9a9e;
            box-shadow: 0 0 0 4px rgba(255, 154, 158, 0.2);
        }

        .timeline-item.active .timeline-dot {
            background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
            border-color: white;
            box-shadow: 0 0 0 4px rgba(255, 154, 158, 0.3);
        }

        .timeline-content h4 {
            font-size: 17px;
            margin-bottom: 8px;
            color: #5a2d3e;
            font-weight: 600;
        }

        .timeline-content p {
            font-size: 14px;
            color: #8a6d7c;
            line-height: 1.5;
        }

        .task-stats {
            display: flex;
            justify-content: space-around;
            margin-top: 25px;
            padding-top: 25px;
            border-top: 1px solid rgba(0,0,0,0.05);
        }

        .stat-item {
            text-align: center;
            padding: 0 10px;
        }

        .stat-value {
            font-size: 26px;
            font-weight: 700;
            color: #d63384;
            margin-bottom: 5px;
            background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .stat-label {
            font-size: 13px;
            color: #8a6d7c;
        }

        /* 案源推送页面 */
        .case-list {
            background: rgba(255, 255, 255, 0.85);
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.5);
            backdrop-filter: blur(10px);
        }

        .case-item {
            padding: 20px;
            border-bottom: 1px solid rgba(0,0,0,0.05);
            transition: all 0.3s ease;
            position: relative;
        }

        .case-item:hover {
            background: rgba(255, 182, 193, 0.05);
        }

        .case-item:last-child {
            border-bottom: none;
        }

        .case-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
        }

        .case-title {
            font-size: 17px;
            color: #5a2d3e;
            font-weight: 600;
        }

        .case-status {
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 500;
            background: rgba(255, 182, 193, 0.15);
            color: #d63384;
            border: 1px solid rgba(255, 182, 193, 0.3);
        }

        .case-status.locked {
            background: rgba(123, 239, 178, 0.15);
            color: #0c8f61;
            border-color: rgba(123, 239, 178, 0.3);
        }

        .case-info {
            font-size: 14px;
            color: #8a6d7c;
            margin-bottom: 6px;
            display: flex;
            align-items: center;
        }

        .case-info::before {
            content: "•";
            margin-right: 8px;
            color: #ff9a9e;
        }

        .case-tags {
            display: flex;
            gap: 8px;
            margin-top: 12px;
        }

        .tag {
            padding: 5px 10px;
            background: rgba(255, 182, 193, 0.1);
            border-radius: 15px;
            font-size: 12px;
            color: #d63384;
            border: 1px solid rgba(255, 182, 193, 0.2);
        }

        /* 按钮样式 */
        .btn {
            background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
            color: white;
            border: none;
            padding: 14px 24px;
            border-radius: 30px;
            font-size: 16px;
            cursor: pointer;
            width: 100%;
            margin-top: 25px;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            font-weight: 600;
            letter-spacing: 0.5px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,0.4);
        }

        .btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.12);
        }

        .btn:active {
            transform: translateY(0);
        }

        .btn::after {
            content: "";
            position: absolute;
            top: -50%;
            left: -60%;
            width: 20px;
            height: 200%;
            background: rgba(255,255,255,0.3);
            transform: rotate(25deg);
            transition: all 0.4s;
        }

        .btn:hover::after {
            left: 120%;
        }

        .btn-secondary {
            background: rgba(255, 255, 255, 0.7);
            color: #d63384;
            border: 1px solid rgba(255, 182, 193, 0.4);
        }

        .btn-secondary:hover {
            background: rgba(255, 255, 255, 0.9);
            color: #b82c70;
        }

        /* 审限提醒 */
        .alert {
            background: linear-gradient(135deg, rgba(255, 243, 205, 0.8) 0%, rgba(255, 234, 167, 0.8) 100%);
            border: 1px solid rgba(255, 234, 167, 0.5);
            border-radius: 15px;
            padding: 18px;
            margin-bottom: 25px;
            display: flex;
            align-items: center;
            backdrop-filter: blur(10px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.03);
        }

        .alert-icon {
            font-size: 24px;
            margin-right: 15px;
            color: #856404;
        }

        .alert-content h4 {
            font-size: 16px;
            margin-bottom: 5px;
            color: #856404;
        }

        .alert-content p {
            font-size: 14px;
            color: #856404;
        }

        /* VPN申请表单 */
        .form-group {
            margin-bottom: 20px;
        }

        .form-label {
            display: block;
            font-size: 15px;
            color: #5a2d3e;
            margin-bottom: 10px;
            font-weight: 500;
        }

        .form-control {
            width: 100%;
            padding: 14px;
            border: 1px solid rgba(255, 182, 193, 0.4);
            border-radius: 12px;
            font-size: 15px;
            transition: all 0.3s ease;
            background: rgba(255, 255, 255, 0.7);
        }

        .form-control:focus {
            outline: none;
            border-color: #ff9a9e;
            box-shadow: 0 0 0 3px rgba(255, 154, 158, 0.2);
        }

        textarea.form-control {
            resize: vertical;
            min-height: 100px;
        }

        /* 隐藏页面 */
        .page {
            display: none;
            animation: fadeIn 0.4s ease-out;
        }

        .page.active {
            display: block;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* 响应式设计 */
        @media (max-width: 480px) {
            .module-grid {
                grid-template-columns: 1fr;
            }
            
            .header h1 {
                font-size: 18px;
            }
            
            .user-details h3 {
                font-size: 17px;
            }
            
            .timeline-content h4 {
                font-size: 16px;
            }
            
            .case-title {
                font-size: 16px;
            }
        }
    </style>
</head>

<!-- 通过js动态加载 备注：1014本次修改 -->
<script src="zhineng.js"></script>

<body>
    <!-- 主页面 -->
    <div id="mainPage" class="page active">
        <div class="header">
            <button class="back-btn" onclick="window.location.href='index.html#userMenu'">返回</button>  <!-- 返回欢迎界面 1014本次修改 -->
			<h1>好"孕"来 - 智能业务管理</h1>
        </div>
        
        <div class="container">
            <!-- 用户信息卡片 -->
            <div class="user-card">
                <div class="user-info">
                    <div class="avatar">🤰</div>
                    <div class="user-details">
                        <h3 id="userName">-</h3>  <!-- 动态加载 备注：1014本次修改 -->
						<p id="userPosition">-</p>  <!-- 动态加载 备注：1014本次修改 -->
                    </div>
                </div>
                
                <div class="pregnancy-status">
                    <div class="status-item">
                        <span class="status-label">当前状态</span>
                        <span class="status-value" id="pregnancyStatus">-</span> <!-- 动态加载 备注：1014本次修改 -->
                    </div>
                    <div class="status-item">
                        <span class="status-label">预产期</span>
                        <span class="status-value" id="dueDate">-</span>  <!-- 动态加载 备注：1014本次修改 -->
                    </div>
                    <div class="status-item">
                        <span class="status-label">怀孕开始</span>
                        <span class="status-value" id="maternityLeave">-</span>  <!-- 动态加载 备注：1014本次修改 -->
                    </div>
                </div>
            </div>
            
            <!-- 功能模块 -->
            <div class="module-grid">
                <div class="module-card" onclick="showPage('taskPage')">
                    <div class="module-icon">📋</div>
                    <div class="module-name">任务管理</div>
                    <div class="module-desc">个性化任务规划</div>
                </div>
                
                <div class="module-card" onclick="showPage('casePage')">
                    <div class="module-icon">📁</div>
                    <div class="module-name">案源推送</div>
                    <div class="module-desc">智能案件分配</div>
                </div>
                
                <div class="module-card" onclick="showPage('deadlinePage')">
                    <div class="module-icon">⏰</div>
                    <div class="module-name">审限监控</div>
                    <div class="module-desc">案件期限提醒</div>
                </div>
                
                <div class="module-card" onclick="showPage('vpnPage')">
                    <div class="module-icon">💻</div>
                    <div class="module-name">VPN调度</div>
                    <div class="module-desc">远程办公申请</div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 任务管理页面 -->
    <div id="taskPage" class="page">
        <div class="header">
            <button class="back-btn" onclick="showPage('mainPage')">返回</button>
            <h1>任务管理</h1>
        </div>
        
        <div class="container">
            <div class="task-timeline">
                <h3 style="margin-bottom: 20px; color: #333;">孕期任务时间轴</h3>
                
                <div id="pregnancyTimeline" class="task-timeline">
				  <!-- JS 会在这里动态生成时间轴 本次修订1014-->
				</div>
			
			</div>
            
			
			<!-- 本月任务情况 -->
			<div class="task-timeline">
				<h3 style="margin-bottom: 20px; color: #333;">本月任务情况</h3>

				<!-- 一通统计 -->
				<div class="task-stats">
					<div class="stat-item">
						<div class="stat-value" id="firstSuggested">-</div>
						<div class="stat-label">一通建议</div>
					</div>
					<div class="stat-item">
						<div class="stat-value" id="firstCompleted">-</div>
						<div class="stat-label">一通完成</div>
					</div>
					<div class="stat-item">
						<div class="stat-value" id="firstPending">-</div>
						<div class="stat-label">一通待完成</div>
					</div>
				</div>

				<!-- 结案统计 -->
				<div class="task-stats" style="margin-top:15px;">
					<div class="stat-item">
						<div class="stat-value" id="closeSuggested">-</div>
						<div class="stat-label">结案建议</div>
					</div>
					<div class="stat-item">
						<div class="stat-value" id="closeCompleted">-</div>
						<div class="stat-label">结案完成</div>
					</div>
					<div class="stat-item">
						<div class="stat-value" id="closePending">-</div>
						<div class="stat-label">结案待完成</div>
					</div>
				</div>
			</div>

  
            <button class="btn" onclick="showPage('planPage'); renderMonthPlan();">查看详细规划</button>
        </div>
    </div>
    
    <!-- 案源推送页面 -->
    <div id="casePage" class="page">
        <div class="header">
            <button class="back-btn" onclick="showPage('mainPage')">返回</button>
            <h1>案源推送</h1>
        </div>
        
        <div class="container">
            <div class="alert">
                <div class="alert-icon">🔔</div>
                <div class="alert-content">
                    <h4>智能匹配</h4>
                    <p id="caseCountTxt">已为您筛选出-件适合的案件</p> <!-- JS 动态注入 1014本次修订-->
                </div>
            </div>
            
            <div id="caseList" class="case-list">
				<!-- JS 动态注入 1014本次修订-->
			</div>
			
            <button class="btn">确认分配</button>
            <button class="btn btn-secondary" style="margin-top: 10px;">申请调整</button>
        </div>
    </div>
    
    <!-- 审限监控页面 -->
    <div id="deadlinePage" class="page">
        <div class="header">
            <button class="back-btn" onclick="showPage('mainPage')">返回</button>
            <h1>审限监控</h1>
        </div>
        
        <div class="container">
            <div class="alert">
                <div class="alert-icon">⚠️</div>
                <div class="alert-content">
                    <h4>紧急提醒</h4>
                    <p>您有2件案件即将到达审限</p>
                </div>
            </div>
            
            <div class="case-list" id="deadlineCaseList">  <!-- 1014本次修订 -->
                <!-- 动态注入 1014本次修订-->
            </div>
            
            
            <div class="task-timeline" id="helperBox">   <!-- 1014本次修订 -->
                <h3 style="margin-bottom: 20px; color: #333;">协作者推荐</h3>
                <!-- 动态注入 1014本次修订 -->
            </div>
        </div>
    </div>
    
    <!-- VPN调度页面 -->
    <div id="vpnPage" class="page">
        <div class="header">
            <button class="back-btn" onclick="showPage('mainPage')">返回</button>
            <h1>VPN调度</h1>
        </div>
        
        <div class="container">
            <div class="alert">
                <div class="alert-icon">ℹ️</div>
                <div class="alert-content">
                    <h4>资源状态</h4>
                    <p>当前可用VPN：8/20个</p>
                </div>
            </div>
            

            <div class="task-timeline">
                <h3 style="margin-bottom: 20px; color: #333;">申请远程办公</h3>
                
                <form>
                    <div class="form-group">
                        <label class="form-label">申请时段</label>
                        <input type="datetime-local" class="form-control" value="2024-12-18T09:00">
                    </div>
                    
                    <div class="form-group">
                        <label class="form-label">结束时间</label>
                        <input type="datetime-local" class="form-control" value="2024-12-18T17:00">
                    </div>
                    
                    <div class="form-group">
                        <label class="form-label">申请理由</label>
                        <textarea class="form-control" placeholder="请输入申请VPN的理由，如需处理紧急案件等"></textarea>
                    </div>
                    
                    <div class="form-group">
                        <label class="form-label">紧急程度</label>
                        <select class="form-control">
                            <option>一般</option>
                            <option>紧急</option>
                            <option>非常紧急</option>
                        </select>
                    </div>
                </form>
            </div>
            
            <button class="btn">提交申请</button>
            
            <div class="task-timeline" style="margin-top: 20px;">
                <h3 style="margin-bottom: 20px; color: #333;">我的申请记录</h3>
                <div class="timeline-item">
                    <div class="timeline-dot"></div>
                    <div class="timeline-content">
                        <h4>2024-12-16 09:00-17:00</h4>
                        <p>状态：已通过 · 处理紧急案件3件</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-dot"></div>
                    <div class="timeline-content">
                        <h4>2024-12-10 14:00-16:00</h4>
                        <p>状态：已完成 · 产检请假</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
	
	<!-- 详细规划页面 1014本次修订-->
	<div id="planPage" class="page">
	  <div class="header">
		<button class="back-btn" onclick="showPage('taskPage')">返回</button>
		<h1>详细月度规划</h1>
	  </div>

	  <div class="container">
		<div class="alert">
		  <div class="alert-icon">📅</div>
		  <div class="alert-content">
			<h4>逐月任务指标</h4>
			<p>根据孕期阶段自动分配一通量与结案量</p>
		  </div>
		</div>

		<!-- 时间轴容器 -->
		<div id="monthPlanTimeline" class="task-timeline">
		  <!-- JS 动态生成 -->
		</div>
	  </div>
	</div>
    
<script>
        // 页面切换功能
        function showPage(pageId) {
            // 隐藏所有页面
            const pages = document.querySelectorAll('.page');
            pages.forEach(page => {
                page.classList.remove('active');
            });
            
            // 显示目标页面
            const targetPage = document.getElementById(pageId);
            if (targetPage) {
                targetPage.classList.add('active');
            }
            
            // 滚动到顶部
            window.scrollTo(0, 0);
        }
        
        // 模拟数据更新
        function updateStats() {
            // 这里可以添加从后端获取数据的逻辑
            console.log('更新统计数据');
        }
        
        // 页面加载完成后初始化
        document.addEventListener('DOMContentLoaded', function() {
            // 设置当前时间
            const now = new Date();
            const year = now.getFullYear();
            const month = String(now.getMonth() + 1).padStart(2, '0');
            const day = String(now.getDate()).padStart(2, '0');
            const hours = String(now.getHours()).padStart(2, '0');
            const minutes = String(now.getMinutes()).padStart(2, '0');
            
            const currentDateTime = `${year}-${month}-${day}T${hours}:${minutes}`;

			// 在页面加载时获取用户信息 1015本次修订
			const savedUser = localStorage.getItem('currentUser');
			if (savedUser) {
				try {
					const user = JSON.parse(savedUser);
					document.getElementById('userName').textContent = user.name;
					document.getElementById('userPosition').textContent = `${user.position} · ${user.department}`;
					document.getElementById('pregnancyStatus').textContent = user.pregnancyStatus;
					document.getElementById('dueDate').textContent = user.dueDate;
					document.getElementById('maternityLeave').textContent = user.maternityLeave;
				} catch (error) {
					console.error('加载用户信息失败:', error);
				}
			}
			            
            // 更新所有datetime-local输入框的默认值
            const dateTimeInputs = document.querySelectorAll('input[type="datetime-local"]');
            dateTimeInputs.forEach(input => {
                input.value = currentDateTime;
            });
            
            // 添加触摸反馈
            const cards = document.querySelectorAll('.module-card, .case-item, .btn');
            cards.forEach(card => {
                card.addEventListener('touchstart', function() {
                    this.style.transform = 'scale(0.98)';
                });
                
                card.addEventListener('touchend', function() {
                    this.style.transform = '';
                });
            });
        });
        
        // 阻止表单默认提交
        document.querySelectorAll('form').forEach(form => {
            form.addEventListener('submit', function(e) {
                e.preventDefault();
                alert('申请已提交，请等待审批');
            });
        });
		
		// 返回到欢迎页面 1014本次修改
		document.addEventListener('DOMContentLoaded', function () {
			const urlParams = new URLSearchParams(window.location.search);
			const from = urlParams.get('from');

			const backBtn = document.getElementById('backBtn');
			if (from === 'userMenu') {
				backBtn.onclick = function () {
					window.location.href = 'index.html#userMenu';
				};
			} else {
				backBtn.onclick = function () {
					window.location.href = 'index.html';
				};
			}
		});
    </script>
</body>
</html>